<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>用户首页</title>
</head>

<body>

  <!-- 显示登录的用户信息 -->
  <div id="divUser">
    <img style="width: 5rem;" id="imgUser" src="" alt="">
    <span id="txtName"></span>
    -
    <span id="txtNickname"></span>
    (
    <span id="txtSex"></span>
    )

    <button id="btnLogout">安全退出</button>
  </div>

  <div id="divInfo">
    <a href="login.html">请先登录</a>
  </div>

  <div id="divLoading">获取用户信息中。。。</div>

  <hr>
  <!-- 修改用户信息 -->
  <button id="btnShowModify">修改用户信息</button>
  <button id="btnShowEMail">绑定邮箱</button>

  <div id="divModify" style="display: none;">
    用户头像地址：<input type="text" id="txt_img">
    <br>
    用户描述信息：<input type="text" id="txt_info">
    <br>
    用户姓名：<input type="text" id="txt_nickname">
    <br>
    QQ号：<input type="text" id="txt_qq">
    <br>
    性别：
    <label>
      <input type="radio" id="sexm" name="sex">男
    </label>
    <label>
      <input type="radio" id="sexf" name="sex">女
    </label>
    <label>
      <input type="radio" id="sexn" name="sex">保密
    </label>

    <br>
    微信号：<input type="text" id="txt_wechat">
    <br>

    <button id="btnSave">保存</button>
    <button onclick="divModify.style.display='none'">取消</button>

  </div>

  <div id="divEMail" style="display: none;">
    <input type="text" id="txt_email">
    <button id="btnSendEmail">发送邮箱验证码</button>
    <br>
    <input type="text" id="txt_code">
    <br>
    <button id="btnEmail">绑定</button>
  </div>



  <script type="module" src="./js/main.js"></script>
</body>

</html>